<template>
    <section class="its-diary clearfix">
        <div class="right mydiary-right">
            <router-view></router-view>
            <div class="mydiary-title">
                TA的日记
            </div>
            <my-diary :width="100"></my-diary>
        </div>
    </section>
</template>

<script>

    import MyDiary from '@/components/Usertop/MyDiary'
    export default {
        name: "ItsDiary",
        components: {
            MyDiary,
        },
        data () {
            return {

            }
        }
    }
</script>

<style scoped lang="less">
  .its-diary{
      .mydiary-right{
          width: 100%;
          float: right;
          /*padding-top: 20px;*/
          .mydiary-title{
              line-height: 35px;
              border-bottom:2px solid #ff5371;
              color: #ff526e;
              font-size: 18px;
              padding-left: 10px;
          }


      }
      .container{
          padding-bottom: 60px;
      }
  }
</style>